<script setup lang="ts">

import {useRouter} from "vue-router";
import SettingInteractView from "./SettingInteractView.vue";
import SettingEmailView from "./SettingEmailView.vue";
import SettingPersonalLetterView from "./SettingPersonalLetterView.vue";

const router = useRouter()
</script>

<template>
  <div class="message-content-box">
    <div class="message-content-header">
      <el-button @click="router.push({path: '/message', query: {page: 0}})" link
                 class="message-header-text">消息中心
      </el-button>
      <el-text class="message-header-text"> >消息设置</el-text>
    </div>
    <div class="message-content-body">
      <!--      互动-->
      <setting-interact-view></setting-interact-view>
      <!--      邮件-->
      <setting-email-view class="margin-top20"></setting-email-view>
      <!--      私信-->
      <setting-personal-letter-view class="margin-top20"></setting-personal-letter-view>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "style/UserMessageContent";

.margin-top20 {
  margin-top: 20px;
}
</style>